<!DOCTYPE html> 
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet"  href="css/bootstrap.min.css">
    <title>注册页面</title>
	<style type="text/css">
		.btn{
			background-color: green;
			width: 100%;
			margin-top: 30px;
		}
	</style>
</head>
 <body> 
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/common.js"></script>
<header>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
	<a class="navbar-brand"  href="#">分类信息网</a> 
    <ul class="navbar-nav">
        <li class="nav-item active">
            <a href="#" class="nav-link">首页</a>
        </li>
        <li class="nav-item">
            <a href="#" class="nav-link">个人中心</a>
        </li>
        <li class="nav-item">
            <a href="#" class="nav-link">欢迎xxx用户</a>
        </li>
        <li class="nav-item">
            <a href="#" class="nav-link">帮助</a>
        </li>    
    </ul>
</nav>
</header>
<article class="jumbotron">
<div class="container" align="center">
<div class="col-6 card p-5">
<div class="bg-secondary mb-2 p-2" align="center">
<h4>账号注册</h4>
</div>
<form role="form">
	<div class="input-group mb-3">
		<div class="input-group-prepend">
			<span class="input-group-text" id="basic-addonl">用户名</span>
		</div>
		<input type="text" class="form-control" placeholder="Username">
	</div>
	<div class="input-group mb-3">
		<div class="input-group-prepend">
			<span class="input-group-text" id="basic-addon2">密码</span>
		</div>
		<input type="password" class="form-control" placeholder= "Password">
	</div>
	<div class="input-group mb-3">
		<div class="input-group-prepend">
			<span class="input-group-text" id="basic-addon3">重新输入密码</span>
		</div>
		<input type="password" class="form-control" placeholder="Repassword">
	</div>
	<div class="input-group mb-3" >
		<div class="input-group-prepend" >
			<span class= "input-group-text" id="basic-addon3">城市</span>
		</div>
	<select class="form-control" name="cities" id="cities">
		<option value="0" >北京</option>
		<option value="1">上海</option>
		<option value="2">广州</option>
		<option value="3">深圳</option>
	</select>
	</div>
	<button type="button" class="btn btn-success w-100 mt-3">注册</button>
</form>
</div>
</div>
</article>
<footer class="jumbotron"></footer>
</body> 
</html>

